<!DOCTYPE html>
<html>

<head>
    <meta name="viewport"
        content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="css/example.css?v=1.0" />
    <link rel="stylesheet" type="text/css" href="css/weui.min.css?v=1.0" />
    <link rel="stylesheet" type="text/css" href="css/element-ui.css" />
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" type="text/css" href="css/vant.min.css" />
    <link rel="stylesheet" type="text/css" href="css/swiper-bundle.min.css" />
    <link rel="stylesheet" type="text/css" href="css/public.css?v=5.0" />
    <link rel="stylesheet" type="text/css" href="css/listLook.css?v=7.0.1" />
    <link rel="stylesheet" type="text/css" href="css/seekList.css?v=1.0.0" />
    <link rel="stylesheet" type="text/css" href="css/hazardReminder.css?v=1.2">
    <link rel="stylesheet" type="text/css" href="css/placeInspectList.css?v=1.0.1" />
    <title>列表查看</title>
</head>

<body>
    <div id="main">
        <!-- 头部背景图片 -->
        <div class="ub-listBanner">
            <img src="images/placeInspectList_top1.jpg">
        </div>
        <div class="ub-listContentBg" style="top: 60vw;">
            <!-- 行业，列表。tab切换 -->
            <div class="ub-listTitle">
                <div v-cloak class="ub-titleActive" style="margin-right: 0;" :class="{active:tabIndex==0}"
                    @click="changeTab(0)">
                    消防安全检查
                    <div class="ub-line" v-show="tabIndex==0"></div>
                </div>
                <div v-cloak class="ub-titleActive" style="margin: 0 12px;" :class="{active:tabIndex==1}"
                    @click="changeTab(1)">
                    隐患问题待整改
                    <div class="ub-line" v-show="tabIndex==1"></div>
                </div>
                <div v-cloak class="ub-titleActive" :class="{active:tabIndex==2}" @click="changeTab(2)">
                    隐患问题已整改
                    <div class="ub-line" v-show="tabIndex==2"></div>
                </div>
            </div>
            <div class="ub-line1"></div>
            <!-- 行业下展示场所分类，网格下展示社区分类 -->
            <div style="background: #fff;padding-top: 10px;">
                <div v-cloak class="ub-placeIns_num">
                    <div style=" color: #888888;" v-show="tabIndex!=2"> 场所总数：<span style="color: #FF5000;"
                            v-cloak>{{total}}处</span></div>
                    <div class="ub-pl_in_select" v-show="tabIndex==0">
                        <select name="year" id="year" v-model="year" @change="changeYear">
                            <option :value="item" v-for="item in yearArr" :key="item" v-cloak>{{item}}</option>
                        </select>
                    </div>
                    <div class="ub-pl_in_c" v-show="tabIndex==0">
                        <span class="ub-pl_text1" @click="changeRate(-1)">&lt;</span>
                        <span class="ub-pl_text2" v-cloak>{{rate}}</span>
                        <span class="ub-pl_text1" @click="changeRate(1)">></span>
                    </div>
                </div>
                <!-- 警告 -->
                <div class="swiper mySwiper"
                    v-show="announcementList.length!=0 && tabIndex==0 &&(this.month == 3 || this.month == 6 || this.month == 9 || this.month == 12)">
                    <div class="swiper-wrapper" @click="goPlaceDetail($event)">
                        <div class="swiper-slide" v-for="(item,index) in announcementList" :key="index">
                            <img src="images/placeInspectList_warning.png" alt="">
                            <div class="ub-con_1">
                                <span style="color: #F56C6C;" v-cloak>{{item.place_name}}</span>
                                距离该季度场所检查到期还有
                                <span style="color: #409EFF;font-weight: 900;" v-cloak>{{days}}天</span>
                            </div>
                            <div class="ub-go" :data-id="item.id">去检查-></div></span>
                        </div>
                    </div>
                </div>
                <!-- 头部搜索框 -->
                <div class="ub-search" v-show="tabIndex != 2">
                    <div class="ub-input">
                        <img src="images/placeSearch.png" alt="">
                        <input type="text" placeholder="请输入搜索内容" v-model.trim="searchVal" @change="searchChange">
                        <div class="ub-search_button" @click="search">
                            <span v-show="!searchLoading">搜索</span>
                            <i v-show="searchLoading" class="el-icon-loading"></i>
                        </div>
                    </div>
                </div>
                <!-- 管理员数据 -->
                <!-- 消防，待整改 -->
                <div v-cloak class="ub-listContent2" style="background: #EEF5FC;" v-show="!isGrid && tabIndex!=2">
                    <div v-cloak v-for="(item, index) in monitorCommunityList" :key="item.dept_id"
                        class="ub-communityContent" v-show="item.count !=0">
                        <div class="ub-community ub-layout">
                            <div>
                                <img src="images/listIcon15.png" alt="">
                                <div>
                                    <p class="ub-pl_rate" style="display: flex; flex-direction: column;">
                                        <sapn v-cloak class="ub-pl-count_title">
                                            <span class="ub-pl-mame">{{item.name}}</span>
                                            <span class="ub-pl-count">{{item.count}}家</span>
                                        </sapn>
                                        <span class="ub-pl_in_c" v-show="tabIndex==0">
                                            <span class="ub-pl_text1" @click="changeCountyRate(item,-1)">&lt;</span>
                                            <span class=" ub-pl_text2">{{item._care_rate}}</span>
                                            <span class="ub-pl_text1" @click="changeCountyRate(item,1)">></span>
                                        </span>
                                    </p>
                                </div>
                            </div>
                            <div @click=" id=id==item.dept_id ?'':item.dept_id" class="ub-lookBth">
                                {{id == item.dept_id?'收起':'查看'}}
                            </div>
                        </div>
                        <div class="ub-grid" v-show="id == item.dept_id">
                            <div v-for="(e,i) in item.child" :key="e.dept_id" class="ub-gridContent"
                                v-show="e.count !=0">
                                <div>
                                    <p>
                                        <span>{{e.name}}</span>
                                        <span class="ub-pl_in_c" v-show="tabIndex==0">
                                            <span class="ub-pl_text1" @click="changeGridRate(e,-1)">&lt;</span>
                                            <span class="ub-pl_text2">{{e._care_rate }}</span>
                                            <span class="ub-pl_text1" @click="changeGridRate(e,1)">&gt;</span>
                                        </span>
                                    </p>
                                    <div>{{e.count}}家</div>

                                </div>
                                <div class="ub-img" @click="handleMonitorMarker(e.dept_id,e.user_id)">
                                    <img src="images/listRight.png">
                                </div>

                            </div>
                            <div @click="id = ''" class="ub-packUp">
                                <img src="images/packUp.png">
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 已整改 -->
                <div v-cloak class="ub-listContent2" style="background: #EEF5FC;" v-show="!isGrid && tabIndex==2">
                    <div v-cloak v-for="(item, index) in rectificationList" :key="index" class="ub-communityContent">
                        <div class="ub-community ub-layout">
                            <div>
                                <img src="images/listIcon15.png" alt="">
                                <div>
                                    <p class="ub-pl_rate" style="display: flex; flex-direction: column;">
                                        <sapn v-cloak class="ub-pl-count_title">
                                            <span class="ub-pl-mame">{{item.year}}</span>
                                            <span class="ub-pl-count">{{item.count}}家</span>
                                        </sapn>
                                    </p>
                                </div>
                            </div>
                            <div @click="item.flage = !item.flage" class="ub-lookBth">
                                {{item.flage?'收起':'查看'}}
                            </div>
                        </div>
                        <div class="ub-grid" v-show="item.flage">
                            <div v-for="(e,i) in item.season" :key="e.dept_id" class="ub-gridContent"
                                v-show="e.count !=0">
                                <div>
                                    <p>
                                        <span>第{{e.season}}季度</span>
                                    </p>
                                    <div>{{e.count}}家</div>

                                </div>
                                <div class="ub-img" @click="handleRectification(item.year,e.season)">
                                    <img src="images/listRight.png">
                                </div>

                            </div>
                            <div @click="item.flage = flage" class="ub-packUp">
                                <img src="images/packUp.png">
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 非管理员数据 -->
                <div v-cloak class="ub-listContent2" style="background: #ffffff;" v-show="isGrid">
                    <div class="flex-col flex-auto group_2">
                        <div class="flex-col" v-cloak v-show="!isEmpty">
                            <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
                                <div class="flex-col group_4" v-for="(item,index) in list" :key="index">
                                    <div class="flex-row items-center space-x-10">
                                        <span class="font_1" v-cloak>{{item.place_name}}</span>
                                        <img class="image_7" v-if="item.is_small_place==1" v-cloak
                                            src="images/place9xiao.png" />
                                    </div>
                                    <div class="flex-row justify-between items-end">
                                        <div style="width: calc(100% - 65px);">
                                            <div class="flex-row space-x-10 ub-lein">
                                                <img class="shrink-0 image_7 image_8" src="images/placeLocation.png" />
                                                <div class="font_4" v-cloak>{{item.address}}</div>
                                            </div>

                                            <div class="ub-jcsj_p" style="width:90%;">
                                                <div class="ub-text_1">
                                                    检查时间：
                                                </div>
                                                <div class="ub-text_2" v-if="item.last_check_time_cn">
                                                    {{item.last_check_time_cn}}
                                                </div>
                                                <div class="ub-text_2" v-if="!item.last_check_time_cn">
                                                    暂无
                                                </div>
                                            </div>

                                        </div>
                                        <div class="flex-col justify-start items-center text-wrapper"
                                            @click="gorRecordDetails(item.id,item.check_id)">
                                            <span class="font_3">查看详情</span></div>
                                    </div>
                                </div>
                            </van-list>
                        </div>
                        <el-empty description="暂无数据" v-show="isEmpty"></el-empty>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jweixin-1.6.0.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/element-ui.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/vant.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jwt-decode.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/cHttp.js?v=1.0.0" type="text/javascript" charset="utf-8"></script>
    <script src="js/wxPublic.js?v=15.0.0" type="text/javascript" charset="utf-8"></script>
    <script src="js/placeInspectList.js?v=1.0.18" type="text/javascript" charset="utf-8"></script>
</body>

</html>